<template lang="html">
  <div class="payment_box">
  	<ul class="payment_main">
  		<li class="payment_num">需支付：￥{{num.Total}}</li>
  		<li class="payment_pay">立即支付</li>
  	</ul>
  </div>
</template>
<script type="text/javascript">
  export default {
    props:['num'],
  }
</script>
<style scoped lang="less">
@import '../../../assets/less/index.less';
.goodsdetails{
  width: 100vw;
  .payment_box{
  	width: 100vw;
  	height: 15vw;
  	line-height: 15vw;
  	font-size: @h2_font_size;
  	border-bottom: solid 1px @color8;
  	border-top: solid 1px @color8;
  	position: fixed;
  	bottom: 0;
  	left: 0;
    .payment_main{
    	width: 100%;
    	height: 100%;
    	overflow: hidden;
    	zoom:1;
    	.payment_num{
    		float: left;
    		width: 66.666%;
    	}
    	.payment_pay{
    		float: right;
    		width: 33.333%;
    		background-color: @color;
    		color: @color1;
    	}
    }
  }
}
</style>